﻿body{ font:12px/1.5 arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#111;}

/*链接整体设置*/
a{ text-decoration:none; color:#111; transition:all .15s;}
a:hover{ color:#B28564;}
a:active{ color:#111;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#fff;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#fff;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#fff;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#fff;}
input[type=button],input[type=submit],input[type=file],button{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; font-family:"arial"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ width:92%; margin:0 auto; max-height:999999px;}
.w1200{max-width:1200px; width: 100%; margin:0 auto;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0; background:#fff;}

/*header*********************************************************************/
.head{ position:relative; transition:all linear .2s; z-index:55;}
.head-fixed{ width:100%; height:90px; position:fixed; top:0; left:0; right:0; z-index:10; transition:all linear .2s;}
.head-fixed .w{ position:relative;}
.logo{ width:34%;}
.logo img{ max-width:100%;}
.nav{ width:53.125%; padding-right:210px; position:relative;}
.nav .plebans{ font-size:16px; line-height:100%; position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.nav .plebans a{ display:block; transition:all .5s; color:#fff; font-weight:bold; padding:0 .15rem;}
.nav ul{ position:absolute; left:0; right:170px; top:0; bottom:0;}
.nav li{ position:relative; display:flex; flex-wrap:wrap; height:100%;}
.nav li .jd,.nav_bg{ display:none;}
.nav li .plebans:after{ content:""; display:block; position:absolute; left:51%; right:51%; bottom:0; border-bottom:4px solid #B28564; transition:all .5s linear;}
.nav li.on .plebans a,.nav li.cur .plebans a{ color:#B28564;}
.nav li.on .plebans:after,.nav li.cur .plebans:after{ left:0; right:0;}
.goutp{ display:none; position:absolute; top:100%; left:50%; width:170px; margin-left:-85px; border-radius:0 0 5px 5px; z-index:10; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.goutp p{ font-size:14px; line-height:2.6;}
.goutp p a{ display:block; color:#333;}
.goutp p a:hover{ color:rgba(0,0,0,.8); background:rgba(0,0,0,.05);}
.head_on{ background:#fff; height:70px; box-shadow: 0 2px 5px rgb(0 0 0 / 5%); -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 5%);}
.nav ul{ top:-6px; bottom:-6px;}
.head_on .nav .plebans a{ color:#111;}
.search{ position:absolute; right:0; top:50%; margin-top:-18px; z-index:501;}
.s_intxt{ width:150px; font-size:14px; line-height:34px; background:none; border:none; padding:0 15px; border:1px solid rgba(255,255,255,.5); border-radius:1000px;}
.s_inbut{ background:url(../images/search.png) 0 0 no-repeat; background-size:100%; width:14px; height:14px; position:absolute; right:20px; top:50%; margin-top:-7px; border:none; cursor:pointer; font-size:0; overflow:hidden;}
.head_on .s_intxt{ border-color:rgba(0,0,0,.5);}
.head_on .s_intxt::-webkit-input-placeholder{ color:#111;}
.head_on .s_intxt::-moz-placeholder{ color:#111;}
.head_on .s_intxt:-moz-placeholder{ color:#111;}
.head_on .s_intxt:-ms-input-placeholder{ color:#111;}
.head_on .s_inbut{ background:url(../images/search_h.png) 0 0 no-repeat; background-size:100%;}

.sanh{ width:50px; padding:10px; position:absolute; right:0; top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}  
.sanh>div{ background-color:#B28564;}
.tesd>div{ background-color:#fff!important;}
/*.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}*/

.banner{ position:relative; z-index:5; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block; max-width:100%;}
.banner .swiper-pagination{ bottom:25px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:.7; margin:0 10px!important; border-radius:12px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#B28564; width:50px;}

.tit1{ text-align:center; position:relative; margin:16px 0;}
.tit1 em{ font-size:38px; line-height:1.5; display:block;}
.tit1 p{ font-size:18px; color:#888; line-height:1.2; padding-bottom:10px; text-transform:uppercase;}
.tit1:after{ content:""; display:block; position:absolute; left:50%; bottom:0; width:80px; margin-left:-40px; height:1px; font-size:0; overflow:hidden; background:#828282;}
.com_but .swiper-button-next,.com_but .swiper-button-prev{ width:40px; height:60px; margin-top:-30px; background:rgba(255,255,255,.7);}
.com_but .swiper-button-next:after,.com_but .swiper-button-prev:after{ color:#B28564; font-size:24px;}
.con1{ background:url(../images/bg1.jpg) 0 0 no-repeat; background-size:cover; padding:100px 0; overflow:hidden;}
.case_list li{ position:relative; overflow:hidden;}
.case_list li .pic_w{ transition:all 0.6s; background-size:cover!important;}
.case_list li a{ display:block;}
.case_list li .txt{ position:absolute; left:0; right:0; background:rgba(0,0,0,.65); bottom:0; transition:all 0.6s; height:44px; padding:0 5%;}
.case_list li .txt em{ display:block; width:100%; font-size:16px; color:#fff; font-weight:bold; line-height:1.5; padding:10px 0; position:relative;}
.case_list li.hover .pic{ transform:scale(1.05);}
.case_list li.hover .txt{ display:flex; flex-wrap:wrap; align-items:center; height:100%;}
.case_list li.hover .txt em:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:1px; font-size:0; overflow:hidden; border-bottom:2px dotted rgba(255,255,255,.5);}

.con2{ padding:45px 0; overflow:hidden;}
.con2 ul li{ width:33.3333333%;}
.con2 ul li .txt{ font-size:28px; line-height:1.5; padding:60px 0; border:1px solid #ddd; transition:all 0.6s;}
.con2 ul li .txt img{ height:32px; margin-right:10px;}
.con2 ul li .txt .ico_1{ display:block;}
.con2 ul li .txt .ico_2{ display:none;}
.con2 ul li.hover .txt{ background:#BA251E; border-color:#BA251E; color:#fff;}
.con2 ul li.hover .txt .ico_1{ display:none;}
.con2 ul li.hover .txt .ico_2{ display:block;}

.con3{ padding:0 0 50px 0; overflow:hidden;}
.tit3{ font-size:14px; line-height:60px;}
.tit3 em{ color:#888;}
.tit3 font{ font-size:28px; color:#111; padding-right:15px;}
.tit3 span a{ color:#888;}
.con3_list{ width:101.5%;}
.con3_list li{ position:relative; margin:1.5% 1.5% 0 0; width:23.5%; overflow:hidden;}
.con3_list li a{ display:block;}
.con3_list li .pic_w{ transition:all 0.6s; background-size:cover!important;}
.con3_list li .txt{ position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.65); padding:5px 10px; line-height:1.5; transition:all 0.6s;}
.con3_list li .txt h3{ font-size:16px; color:#fff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.con3_list li .txt em{ display:none; font-size:14px; color:#fff; transition:all 0.6s;}
.con3_list li.hover .txt em{ display:block;}
.con3_list li.hover .pic{ transform:scale(1.05);}

.sider{ background:#333;}
.systitle{ display:none; background:#B28564; color:#fff; font-size:30px; font-weight:bold; padding:20px 25px; line-height:1.5; position:relative;}
.systitle:after{ content: '>'; position:absolute; right:25px; top:20px; opacity:0.7; font-family:"simsun";}
.sider ul{ border-left:1px solid rgba(255,255,255,.1);}
.sider ul li{ max-width:16.66666%; min-width:170px;}
.sider ul li a{ position:relative; font-size:15px; line-height:58px; display:block; color:#fff; border-right:1px solid rgba(255,255,255,.1); padding:0 25px;}
.sider ul li a:after{ content: '>'; position:absolute; right:15px; top:0; opacity:0.7; font-family:"simsun";}
.sider ul li.cur a,.sider ul li a:hover{ background:#ba251e;}

.ny_com{ padding:20px 0;}
.pic_list{ padding-top:20px; margin-top:15px;}
.pic_list li p{ text-align:center; font-size:14px; line-height:1.5;}
.tit2{ border-bottom:1px solid #dcdcdc;}
.tit2 em{ display:inline-block; position:relative; font-size:20px; line-height:50px; position:relative;}
.tit2 em:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:-1px; font-size:0; overflow:hidden; border-bottom:2px solid #B28564;}
.zz_w{ margin-bottom:30px;}

.com li .pic img{ display:block; transition:all 0.6s; max-width:100%; max-height:100%;}
.com li.hover .pic img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#333;}
.footer .txt{ color:#fff; line-height:1.5; text-align:left; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.1);}
.footer .txt em{ font-size:20px; display:block;}
.footer .txt p{ font-size:16px;}
.footer .w{ overflow:hidden;}
.footer ul{ text-align:left; padding:22px 0 20px 0;}
.footer ul li span{ display:block; margin-bottom:10px; font-size:16px; color:#fff; line-height:1.5;}
.footer ul li a{ color:#969696;}
.footer ul li p{ color:#fff; line-height:2; font-size:14px; padding-left:8px;}
.footer ul li:last-child{ width:24%;}
.footer ul li .ewm{ width:115px; height:115px; display:block; margin-bottom:5px;}
.adr_infor p{ position:relative; line-height:31px!important; padding-left:42px!important; margin-bottom:10px;}
.adr_infor p img{ display:block; position:absolute; left:0; top:0; height:31px;}
.footer a:hover{ color:#B28564;}
.foot{ color:#969696; font-size:14px; padding:15px 0; line-height:1.8; text-align:center; border-top:1px solid rgba(255,255,255,.1); background:rgba(0,0,0,.15);}
.foot a{color:#969696;}
.foot .pl{padding-left: 10px;}

#zoom{ z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content{ z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-10px 10px 10px rgba(0, 0, 0, 0.3); border-radius:4px;}
#zoom .content.loading{ background-image:url('../images/loading.gif');}
#zoom img{ display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,0.25); border-radius:4px;}
#zoom .close{ z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url('../images/close4.png') no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .previous,
#zoom .next{ z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous{ left:0; background:url('../images/arrows.png') no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next{ right:0; background:url('../images/arrows.png') no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .close:hover,
#zoom .previous:hover,
#zoom .next:hover{ background-color:#B28564;}
#zoom p{ text-align:center; color:#fff; font-size:20px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99992; line-height:2; padding:10px 0;}

.ny_com .con{display: flex;flex-wrap: wrap;}
.w .con{margin: 50px 0;}
.ny_com .con .con-l{width: 70%; padding-right: 35px;}
.ny_com .con .con-l p{font-size: 18px; line-height: 2.5;}
.ny_com .con .con-r{width:30%; }
.ny_com .con .con-r img{width: 100%; margin-bottom: 10px;}

.ny_com .con .con-map{width: 50%; padding-right: 80px;}
.ny_com .con .con-lianxi{width:50%; }

.ny_com .con #map {height: 500px;}

iframe{height: 680px;}
.crumbs{  line-height:1.5; background:url(../images/icon_curb.png) no-repeat 2px center;  padding:0.68em 0 0.68em 22px; border-bottom:1px solid #e2e2e2;}


@media screen and (max-width: 1023px){
.ny_com .con{padding: 0 3%;}
.ny_com .con .con-l{width: 100%; padding-right: 0;}
.ny_com .con .con-l p{font-size: 14px; line-height: 1.5;}
.ny_com .con .con-r{width:100%; margin-top: 15px; }
iframe{height: 280px;}
}

/**列表3列**/ 
.list9 {display: flex;flex-wrap: wrap; margin: 20px 0; }
.list9 .li {width: 33.33%; padding: 16px;}
.list9 .li .box {display: block;background-color: #f8f8f8;transition: all 0.3s;}

.list9 .li .box:hover {
  background-color: #B28564;
}
.list9 .li .box:hover .title,
.list9 .li .box:hover .time {
  color: #ffffff;
}
.list9 .li .img-box{height: 238px;overflow: hidden;}
.list9 .li .img-box:hover img {
    transform: scale(1.12);
    -ms-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -o-transform: scale(1.12);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.list9 .li .cont {padding: 20px 28px;}
.list9 .li .title {margin-bottom: 15px;font-size: 18px;line-height: 28px;color: #333333;transition: all 0.3s;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.list9 .li .time {font-size: 15px;line-height: 20px;color: #999999;transition: all 0.3s;}

@media (max-width: 1200px) {
  .list9 {
    margin: -7px;
  }
  .list9 .li {
    width: 50%;
    padding: 7px;
  }
  .list9 .li .cont {
    padding: 10px 10px;
  }
  .list9 .li .title {
    margin-bottom: 0;
    height: 44px;
    font-size: 15px;
    line-height: 22px;
  }
  .list9 .li .time {
    font-size: 14px;
  }
}

/**列表3列**/ 
.list8 {display: flex;flex-wrap: wrap; margin: 20px 0; }
.list8 .li {width: 25%; padding: 10px;}
.list8 .li .box {display: block;transition: all 0.3s;}

.list8 .li .img-box{height: 214px;overflow: hidden;}
.list8 .li .img-box:hover img {
    transform: scale(1.12);
    -ms-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -o-transform: scale(1.12);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.list8 .li .cont {padding-top: 10px;}
.list8 .li .title {font-size: 16px;line-height: 28px;color: #333333;transition: all 0.3s;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}

@media (max-width: 1200px) {
  .list8 {
    margin: -7px;
  }
  .list8 .li {
    width: 50%;
    padding: 7px;
  }
  .list8 .li .cont {
    padding: 10px 10px;
  }
  .list8 .li .title {
    margin-bottom: 0;
    height: 44px;
    font-size: 15px;
    line-height: 22px;
  }
}

/**列表翻页**/
.page-btn-box {
  display: flex;
  padding: 30px 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 0;
  text-align: center;
}
.page-btn-box li{display: inline-block!important;
  padding: 0 5px;
  font-size: 14px;
  transition: all 0.3s;
}
.page-btn-box li a {
    border-radius: 4px;
    color: #6e6e6e;
    background: #fff;
    padding: 12px 16px;
    border: 1px solid #DCDCDC;
}
.page-btn-box  li.active a, .page-btn-box li a:hover {
    background: #B28564;
    color: #fff;
    border: 1px solid #B28564;
}
.page-btn-box .page-btn.text {
  border-color: transparent;
  padding: 0 20px;
  background-color: transparent;
}
.page-btn-box .page-btn.prev,
.page-btn-box .page-btn.next {
  padding-left: 20px;
  padding-right: 20px;
}
.page-btn-box .page-btn .jt {
  display: inline-block;
  height: 9px;
  width: 5px;
  background: no-repeat center;
}
.page-btn-box .page-btn .jt.left {
  margin-right: 9px;
  background-image: url(../image/icon_jt_1_1_1.png);
}
.page-btn-box .page-btn .jt.right {
  margin-left: 9px;
  background-image: url(../image/icon_jt_1_2_1.png);
}
.page-btn-box .key {
  border: 1px solid #cccccc;
  width: 60px;
  padding: 0 10px;
  text-align: center;
  background: #fff;
}
.page-btn-box .submit {
  cursor: pointer;
}
@media (max-width: 1380px) {
  .page-btn-box {
    padding: 40px 15px 60px;
  }
}
@media (max-width: 1200px) {
  .page-btn-box {
    padding: 35px 10px 45px;
  }
}
@media (max-width: 992px) {
  .page-btn-box {
    padding: 30px 0 35px;
  }
  .page-btn-box .page-btn {
    margin: 2px;
    height: 34px;
    min-width: 30px;
    padding: 0 15px;
    line-height: 34px;
  }
  .page-btn-box .page-btn.text {
    padding: 0 10px;
  }
  .page-btn-box .page-btn.prev,
  .page-btn-box .page-btn.next {
    padding-left: 10px;
    padding-right: 10px;
  }
  .page-btn-box .page-btn .jt.left {
    margin-right: 7px;
  }
  .page-btn-box .page-btn .jt.right {
    margin-left: 7px;
  }
  .page-btn-box .key {
    width: 40px;
  }
}

.newsDetail {line-height: 2; margin-top: 30px;}
.newsDetail .newsTitle {font-size: 20px;text-align: center;line-height: 1.7;font-weight: 600; margin-bottom: 15px;}
.title1 {color: #B28564;}
.newsDetail .newsST{color: #929292;font-size: 90%;line-height: 1.5;text-align: center;}
.newsDetail .newsST >span {margin: 0 0.6em;white-space: nowrap;}
.newsDetail .newsContent {color: #393939;border-top: 1px solid #eee;margin: 20px 0;padding-top: 30px;}
.newsDetail .newsContent1 {color: #393939;margin: 20px 0;}
.news-others {border-top: 1px solid #eee;padding-top: 1em;margin-top: 30px;padding-right: 11em;position: relative;}
.pre-next .news-prev, .pre-next .news-next {text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.news-others .link-r {position: absolute;top: 50%;margin-top: -1.1em;right: 0;}
.news-others .link-r a {display: inline-block;line-height: 2.2;text-decoration: none;background-color: #B28564;color: #fff;margin-left: 0.8em;padding: 0 1.5em;}

.proLi {width: calc(100% / 2);height: auto;float: left;position: relative;overflow: hidden;padding: 20px 10px;}
.porTbox {position: relative;overflow: hidden;width: 100%;height: auto;padding-bottom: 50%;}
.proImg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;transition: all .5s ease;}
.showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:#ba251e; transition:all 0.5s ease; } 
 .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; color:#fff; text-align:center; font-size:14px; padding:0.5rem 0; } 
 .showBoxLink h2{font-size: 20px; font-weight: 600; margin-bottom: 15px;}
 .showBoxLink p{line-height: 2;}
 .lookDetail:hover .barr{ opacity:0; } 
 .lookDetail:hover .harr{ opacity:1; } 
 .proLi:hover .showBox{ opacity:1; } 